<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
   <script src="snap.svg-min.js"></script>
</head>
<body>
<svg height="1100" width="1100" id="test">
    <rect height="30" width="30" x="30" y="30"></rect>

</svg>
<svg height="200" width="200" x="300" y="100" id="test1">
</svg>
 <input id="button" type="button" value="111111"/>
<script>
    var svg = Snap("#test");g git
    var c=svg.select("rect")
assssssss
assssssss
aaaddaaa


    document.querySelector("#button").addEventListener("click",function(){

            c.animate({
                x: c.attr("x") == 50? 150 : 50
            }, 1000, mina.bounce);
        })
    alert(Snap.rad(45))
</script>

</body>
</html>